/**
 * 用来实现一个vue3组件中需要动态分配多个ref变量以适配多个动态渲染的页面元素dom时，提供的hooks
 * setBoxRef:v-for循环中动态渲染的dom的ref使用的方法对象
 * boxRefs: setup及methods中，对动态dom对应的动态ref的读取操作
 */
export const useBoxRefs=()=>{
    const boxRefs=ref<HTMLElement[]>([])
    const setBoxRef=(el:any)=>{
        if(el){
            boxRefs.value.push(el)
        }
    }
    return {boxRefs,setBoxRef}
}